<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="app" content="x5-page-mode"/>
    <meta name="x5-fullscreen" content="true"/>
    <link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/public.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/form.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/my-wallet.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/bank.css"/>
    <title>银行卡</title>
    <script type="text/javascript">
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseflex1oat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 750;
                document.write('<meta name="viewport" content="width=750, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
            } else {
                document.write('<meta name="viewport" content="width=750, target-densitydpi=device-dpi">');
            }
        } else {
            document.write('<meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi">');
        }
    </script>
</head>
<body>
    <p id="js-add-bank-btn" class="bank-list-add">
        <i class="icon-add"></i>
        <span>添加银行卡</span>
    </p>
    <ul class="bank-list">
        <li class="item">
            <a href="bank-desc.html">
                <span class="bank-log">
                    <img src="../../upload/cd.png" alt="">
                </span>
                <div class="bank-info">
                    <h3 class="name">成都银行</h3>
                    <p class="type">储蓄卡</p>
                </div>
                <p class="bank-num pb24">
                    <span>****</span>
                    <span>****</span>
                    <span>****</span>
                    <span>1400</span>
                </p>
            </a>
        </li>
        <li class="item">
            <a href="bank-desc.html">
                <span class="bank-log">
                    <img src="../../upload/yz.png" alt="">
                </span>
                <div class="bank-info">
                    <h3 class="name">中国邮政储蓄银行</h3>
                    <p class="type">储蓄卡</p>
                </div>
                <p class="bank-num pb24">
                        <span>****</span>
                        <span>****</span>
                        <span>****</span>
                        <span>1400</span>
                </p>
            </a>
        </li>
        <li class="item">
            <a href="bank-desc.html">
                <span class="bank-log">
                    <img src="../../upload/zg.png" alt="">
                </span>
                <div class="bank-info">
                    <h3 class="name">中国银行</h3>
                    <p class="type">储蓄卡</p>
                </div>
                <p class="bank-num pb24">
                        <span>****</span>
                        <span>****</span>
                        <span>****</span>
                        <span>1400</span>
                </p>
            </a>
        </li>
    </ul>
    
    <!-- 添加银行卡弹出覆盖层 -->
    <div id="js-add-bank-fixed" class="add-bank-fixed">
            <p class="add-bank-tips">请绑定持卡人本人的银行卡</p>
            <div class="passenger-form mt16">
                <ul>
                    <li class="box">
                        <p class="name flex30">
                            <span>持卡人</span>
                        </p>
                        <p class="info flex66">
                            <input class="input" type="text" placeholder="如：李丽" value="">
                            <i class="icon-del none"></i>
                        </p>
                    </li>
                    <li class="box">
                        <p class="name flex30 space-info certificates">
                            <span>银行</span>
                            <i class="icon-tri-down"></i>
                        </p>
                        <p class="info flex66">
                            <input class="input" type="text" placeholder="请填写银行卡号" value="">
                            <i class="icon-del none"></i>
                        </p>
                    </li>
                    <li class="box">
                        <p id="js-certificates-box" class="name flex30 space-info certificates">
                            <span id="js-certificates">证件类型</span>
                            <i class="icon-tri-down"></i>
                        </p>
                        <p class="info flex66">
                            <input class="input" type="text" placeholder="请填写证件号" value="">
                            <i class="icon-del none"></i>
                        </p>
                    </li>
                    <li class="box">
                        <p class="name flex30">
                            <span>手机号</span>
                        </p>
                        <div class="info flex66">
                            <input class="input" type="text" placeholder="请输入手机号">
                            <div class="obtain">
                                <p class="btn">获取验证码</p>
                                <p class="wait none">
                                    <span>33</span>秒
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="box">
                        <p class="name flex30">
                            <span>验证码</span>
                        </p>
                        <p class="info flex66">
                            <input class="input" type="text" placeholder="12233" value="">
                            <i class="icon-del none"></i>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="btn-big-box">
                <a id="js-save-bank" href="javascript:void(0);" class="btn-big">保存</a>
            </div>
        </div>
    
    
    <script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../js/public.js"></script>
    <script type="text/javascript" src="../../js/my-wallet.js"></script>  
</body>
</html>